<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport"
		content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title></title>
	<script src="js/commoncss.js" type="text/javascript" charset="utf-8"></script>
	<style>
		* {
			padding: 0;
			margin: 0;
		}
		.my{
			margin-bottom: 80px;
		}
		.msg {
			position: relative;
		}

		.mybg {
			width: 100%;
		}

		.msglogo {
			position: absolute;
			bottom: -12px;
			left: 26px;
			z-index: 999;
			width: 85px;
			height: 85px;
			border-radius: 50%;
			box-shadow: 0px 1px 5px 0px rgba(4, NaN, 0, 0.35);
		}

		.msg-card {
			margin-top: 24px;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

		.msg-wallet {
			box-shadow: 0px 1px 5px 0px rgba(29, 29, 29, 0.35);
			border-radius: 8px;
			margin: 20px 15px;
		}

		.line {
			border-bottom: 1px solid #EBEBEB;
		}

		.yell {
			color: #FFC600;
		}
	</style>
</head>

<body>
	<div id="page" v-cloak class="my color2525">
		<div class="msg">
			<img class="mybg" src="images/mybg.png" alt="">
			<img class='msglogo' src="http://b-ssl.duitang.com/uploads/item/201805/13/20180513224039_tgfwu.png" alt="">
		</div>
		<div class="msg-card prow15">
			<div class="pl40">
				<p class="fs14">Lady Luu</p>
				<p class="fs12">5104378</p>
			</div>
			<div class="fs14 pr50">
				<i class="iconfont yell">&#xe761;</i>￥207<span class="fs8">(押金)</span>
			</div>
		</div>
		<div class="msg-wallet fs14">
			<div class="flex-justify prow15 pcol10 line">
				<p>
					<i class="iconfont">&#xe685;</i>
					<span class="ml10">我的钱包</span>
				</p>
				<i class="iconfont">&#xe613;</i>
			</div>
			<div class="flex-justify prow15 pcol10 line">
				<p>
					<i class="iconfont">&#xe6c1;</i>
					<span class="ml10">我的押金</span>
				</p>
				<i class="iconfont">&#xe613;</i>
			</div>
			<div class="flex-justify prow15 pcol10 line">
				<p>
					<i class="iconfont">&#xe8a6;</i>
					<span class="ml10">月卡</span>
				</p>
				<i class="iconfont">&#xe613;</i>
			</div>
			<div class="flex-justify prow15 pcol10 line">
				<p>
					<i class="iconfont">&#xe617;</i>
					<span class="ml10">我的优惠券</span>
				</p>
				<i class="iconfont">&#xe613;</i>
			</div>
		</div>
		<div class="msg-wallet fs14">
			<div class="flex-justify prow15 pcol10 line">
				<p>
					<i class="iconfont">&#xe699;</i>
					<span class="ml10">联系客服</span>
				</p>
				<i class="iconfont">&#xe613;</i>
			</div>
			<div class="flex-justify prow15 pcol10 line">
				<p>
					<i class="iconfont">&#xe7a5;</i>
					<span class="ml10">常见问题</span>
				</p>
				<i class="iconfont">&#xe613;</i>
			</div>
			<div class="flex-justify prow15 pcol10 line">
				<p>
					<i class="iconfont">&#xe600;</i>
					<span class="ml10">关于我们</span>
				</p>
				<i class="iconfont">&#xe613;</i>
			</div>
		</div>
		<footer-item :typeindex='typeindex'></footer-item>
	</div>
</body>
<script src="js/commonjs.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/common/compents.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		new Vue({
			el:'#page',
			data:function(){
				return {
					typeindex:2
				
				}
			},
			created:function(){
				
			},
			methods:{
				
			}
			
			
		})
		
	</script>
</html>